import React, { Component } from 'react'
import Child1 from './Child1'
import Child2 from './Child2'

export default class App extends Component {
  state = {
    count: 0,
  }
  // #3 父组件准备一个方法并传递给子组件
  changeCount = (count) => {
    // #5 父组件接收参数并做修改
    this.setState({ count })
  }
  // #1 把 Child2 中的数据剪切到父组件
  render() {
    return (
      <div>
        <Child1 changeCount={this.changeCount} />
        {/* #2 把 count 传递到 Child2 */}
        <Child2 count={this.state.count} />
      </div>
    )
  }
}
